<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" template="/layout/normal.xhtml"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:s="http://jboss.com/products/seam/taglib">

	<ui:define name="body">
		<a name="errores" />
		<h:panelGrid columns="1" id="mensaje" style="text-align:left;">
			<h:messages id="mesage1" styleClass="mensaje_bienvenida">
				<a4j:support event="onchange" action="location.hash='#errores'"></a4j:support>
			</h:messages>
		</h:panelGrid>
		<!-- AJAX SPINNER -->
		<a4j:status id="status">
			<f:facet name="start">
				<h:panelGrid columns="2" styleClass="loading">
					<h:outputLabel value="Procesando..." styleClass="th80"></h:outputLabel>
					<h:graphicImage value="/temas/tiki/imagenes/otros/spinner.gif"></h:graphicImage>
				</h:panelGrid>
			</f:facet>
		</a4j:status>
		<h:panelGrid columns="1" styleClass="contenedor_pest">
			<rich:tabPanel styleClass="pestanya">
				<rich:tab label="Competición" styleClass="no_border">
					<rich:spacer height="15px;"></rich:spacer>
					<h:panelGrid columns="2">
						<rich:spacer width="300px;"></rich:spacer>
						<h:outputText value="Competición" styleClass="thTitulo" />
					</h:panelGrid>
					<rich:spacer height="35px;"></rich:spacer>
					<h:panelGrid columns="2">
						<rich:spacer width="100px;"></rich:spacer>
						<h:outputText style="width:550px;"
							value="En esta sección de la aplicación se gestionará todo lo relacionado con
						la competición, desde el alta de una nueva temporada, la consulta de calendarios
						y partidos, o el cierre de las temporadas. Más abajo tienes las diferentes
						opciones disponibles."
							styleClass="thDescripcion" />
					</h:panelGrid>
					<rich:spacer height="50px;"></rich:spacer>
					<h:panelGrid columns="15">
						<rich:spacer width="300px;"
							rendered="#{autenticador.user.perfil.id == 3}"></rich:spacer>
						<rich:spacer width="85px;"
							rendered="#{autenticador.user.perfil.id != 3}"></rich:spacer>
						<h:panelGrid columns="1"
							rendered="#{autenticador.user.perfil.id != 3}">
							<a4j:commandButton styleClass="botonSubmenu altaTemporada"
								action="#{competicionAction.nuevaTemporada()}"
								title="pulsa para dar de alta una nueva temporada">
							</a4j:commandButton>
							<h:outputText value="Alta temp." styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
						<rich:spacer width="25px;"
							rendered="#{autenticador.user.perfil.id != 3}"></rich:spacer>
						<h:panelGrid columns="1"
							rendered="#{autenticador.user.perfil.id != 3}">
							<a4j:commandButton styleClass="botonSubmenu editarTemporada"
								value="" id="linkEditar" style="width:48px;"
								title="pulsa para modificar una temporada">
								<rich:componentControl for="panelEditar" attachTo="linkEditar"
									operation="show" event="onclick"></rich:componentControl>
							</a4j:commandButton>
							<h:outputText value="Editar temp." styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
						<rich:spacer width="25px;"
							rendered="#{autenticador.user.perfil.id != 3}"></rich:spacer>
						<h:panelGrid columns="1"
							rendered="#{autenticador.user.perfil.id != 3}">
							<a4j:commandButton styleClass="botonSubmenu bajaTemporada"
								value="" id="linkBaja" style="width:48px;"
								title="pulsa para dar de baja una temporada">
								<rich:componentControl for="panelBaja" attachTo="linkBaja"
									operation="show" event="onclick"></rich:componentControl>
							</a4j:commandButton>
							<h:outputText value="Baja temp." styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
						<rich:spacer width="25px;"
							rendered="#{autenticador.user.perfil.id != 3}"></rich:spacer>
						<h:panelGrid columns="1"
							rendered="#{autenticador.user.perfil.id != 3}">
							<a4j:commandButton styleClass="botonSubmenu cerrarTemporada"
								title="pulsa para cerrar una temporada">
							</a4j:commandButton>
							<h:outputText value="Cerrar temp." styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
						<rich:spacer width="25px;"
							rendered="#{autenticador.user.perfil.id != 3}"></rich:spacer>
						<h:panelGrid columns="1"
							rendered="#{autenticador.user.perfil.id != 3}">
							<a4j:commandButton action="#{calendarAction.crearCalendario()}"
								styleClass="botonSubmenu altaCalendario"
								title="pulsa para crear un calendario para una temporada">
							</a4j:commandButton>
							<h:outputText value="Crear Calendario"
								styleClass="botonTexto_menu" style="width:48px;" />
						</h:panelGrid>
						<rich:spacer width="25px;"
							rendered="#{autenticador.user.perfil.id != 3}"></rich:spacer>
						<h:panelGrid columns="1">
							<a4j:commandButton styleClass="botonSubmenu consultaCalendario"
								value="" id="linkConsultar" style="width:48px;"
								title="pulsa para consultar el calendario de una temporada">
								<rich:componentControl for="panelConsultar"
									attachTo="linkConsultar" operation="show" event="onclick"></rich:componentControl>
							</a4j:commandButton>
							<h:outputText value="Cons. Calendario"
								title="Consultar calendario" styleClass="botonTexto_menu"
								style="width:48px;" />
						</h:panelGrid>
						<rich:spacer width="25px;"></rich:spacer>
						<h:panelGrid columns="1">
							<a4j:commandButton styleClass="botonSubmenu consultaPartidos"
								value="" id="linkConsultarPartidos" style="width:48px;"
								title="pulsa para consultar los partidos de una temporada">
								<rich:componentControl for="panelConsultarPartidos"
									attachTo="linkConsultarPartidos" operation="show"
									event="onclick"></rich:componentControl>
							</a4j:commandButton>
							<h:outputText value="Cons. Partidos" title="Consular partidos"
								styleClass="botonTexto_menu" style="width:48px;" />
						</h:panelGrid>
					</h:panelGrid>
					<rich:spacer height="50px;"></rich:spacer>
				</rich:tab>
			</rich:tabPanel>
			<rich:spacer height="10px;"></rich:spacer>

		</h:panelGrid>

	</ui:define>
	<ui:define name="botonera">
		<h:panelGrid columns="3" styleClass="tabla_botonera">
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera ayuda" value=""
					id="linkAyuda" style="width:48px;"
					title="pulsa para recibir ayuda acerca de esta pantalla">
					<rich:componentControl for="panelAyuda" attachTo="linkAyuda"
						operation="show" event="onclick"></rich:componentControl>
				</a4j:commandButton>
				<h:outputText value="Ayuda" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
			<rich:spacer width="25px;"></rich:spacer>
			<h:panelGrid columns="1">
				<a4j:commandButton styleClass="botonBotonera volver"
					style="width:48px;" action="gotoMenu"
					title="pulsa para volver al menú principal de la aplicación">
				</a4j:commandButton>
				<h:outputText value="Volver" style="width:48px;"
					styleClass="botonTexto_botonera"></h:outputText>
			</h:panelGrid>
		</h:panelGrid>

		<rich:modalPanel id="panelEditar" minWidth="430" minHeight="270"
			autosized="false" resizeable="false">
			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="100px;"></rich:spacer>
				<h:outputText value="Edición de temporada" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Seleccione la temporada que deseea editar. Posteriormente pulse
					el botón aceptar para continuar con la edición o cancelar para salir."
					style="width:350px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="3">
				<rich:spacer width="125px;"></rich:spacer>
				<h:outputText value="Temporada" />
				<h:selectOneMenu value="#{competicionAction.temporadaEdicion}"
					styleClass="input75">
					<s:selectItems var="tipo"
						value="#{competicionAction.listaTemporadas}"
						label="#{tipo.anio.anio}" noSelectionLabel=""></s:selectItems>
					<s:convertEntity />
				</h:selectOneMenu>
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="95px;"></rich:spacer>
				<h:panelGrid columns="3">
					<h:commandButton id="aceptarE"
						action="#{competicionAction.editar()}" value=""
						styleClass="boton_modal aceptar">
						<rich:componentControl for="panelEditar" attachTo="aceptarE"
							operation="hide" event="onclick" />
					</h:commandButton>
					<rich:spacer width="15px;"></rich:spacer>
					<h:commandButton id="cancelarE" value=""
						styleClass="boton_modal cancelar">
						<rich:componentControl for="panelEditar" attachTo="cancelarE"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
				<rich:spacer height="15px;"></rich:spacer>
				<h:panelGrid columns="2">
					<rich:spacer width="225px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:commandButton id="Cerrar" styleClass="boton_crr cerrar">
							<rich:componentControl for="panelEditar" attachTo="Cerrar"
								operation="hide" event="onclick" />
						</h:commandButton>
					</h:panelGrid>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>
		
		<rich:modalPanel id="panelBaja" minWidth="430" minHeight="270"
			autosized="false" resizeable="false">
			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="100px;"></rich:spacer>
				<h:outputText value="Baja de temporada" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Seleccione la temporada que deseea dar de baja. Posteriormente pulse
					el botón aceptar para confirmar la baja o cancelar para salir."
					style="width:350px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="3">
				<rich:spacer width="125px;"></rich:spacer>
				<h:outputText value="Temporada" />
				<h:selectOneMenu value="#{competicionAction.temporada}"
					styleClass="input75">
					<s:selectItems var="tipo"
						value="#{competicionAction.listaTemporadas}"
						label="#{tipo.anio.anio}" noSelectionLabel=""></s:selectItems>
					<s:convertEntity />
				</h:selectOneMenu>
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="95px;"></rich:spacer>
				<h:panelGrid columns="3">
					<h:commandButton id="aceptarB"
						action="#{competicionAction.bajaTemporada()}" value=""
						styleClass="boton_modal aceptar">
						<rich:componentControl for="panelBaja" attachTo="aceptarB"
							operation="hide" event="onclick" />
					</h:commandButton>
					<rich:spacer width="15px;"></rich:spacer>
					<h:commandButton id="cancelarB" value=""
						styleClass="boton_modal cancelar">
						<rich:componentControl for="panelBajar" attachTo="cancelarB"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
				<rich:spacer height="15px;"></rich:spacer>
				<h:panelGrid columns="2">
					<rich:spacer width="225px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:commandButton id="CerrarB" styleClass="boton_crr cerrar">
							<rich:componentControl for="panelBaja" attachTo="CerrarB"
								operation="hide" event="onclick" />
						</h:commandButton>
					</h:panelGrid>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>


		<rich:modalPanel id="panelConsultar" minWidth="430" minHeight="270"
			autosized="false" resizeable="false">
			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="100px;"></rich:spacer>
				<h:outputText value="Consulta de calendario" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Seleccione la temporada para la que desea consultar el calendario. 
					Posteriormente pulse el botón aceptar para continuar con consulta o cancelar para salir."
					style="width:350px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="3">
				<rich:spacer width="125px;"></rich:spacer>
				<h:outputText value="Temporada" />
				<h:selectOneMenu value="#{calendarAction.temporadaConsulta}"
					styleClass="input75">
					<s:selectItems var="tipo"
						value="#{competicionAction.listaTemporadasCalendario}"
						label="#{tipo.anio.anio}" noSelectionLabel=""></s:selectItems>
					<s:convertEntity />
				</h:selectOneMenu>
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="95px;"></rich:spacer>
				<h:panelGrid columns="3">
					<h:commandButton id="aceptarC"
						action="#{calendarAction.consultaCalendario(1)}" value=""
						styleClass="boton_modal aceptar">
						<rich:componentControl for="panelConsultar" attachTo="aceptarC"
							operation="hide" event="onclick" />
					</h:commandButton>
					<rich:spacer width="15px;"></rich:spacer>
					<h:commandButton id="cancelarC" value=""
						styleClass="boton_modal cancelar">
						<rich:componentControl for="panelConsultar" attachTo="cancelarC"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
				<rich:spacer height="15px;"></rich:spacer>
				<h:panelGrid columns="2">
					<rich:spacer width="225px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:commandButton id="CerrarC" styleClass="boton_crr cerrar">
							<rich:componentControl for="panelConsultar" attachTo="CerrarC"
								operation="hide" event="onclick" />
						</h:commandButton>
					</h:panelGrid>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

		<rich:modalPanel id="panelConsultarPartidos" minWidth="430"
			minHeight="270" autosized="false" resizeable="false">
			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="100px;"></rich:spacer>
				<h:outputText value="Consulta de partidos" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Seleccione la temporada para la que desea consultar los partidos. 
					Posteriormente pulse el botón aceptar para continuar con consulta o cancelar para salir."
					style="width:350px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="3">
				<rich:spacer width="125px;"></rich:spacer>
				<h:outputText value="Temporada" />
				<h:selectOneMenu value="#{calendarAction.temporada}"
					styleClass="input75">
					<s:selectItems var="tipo"
						value="#{competicionAction.listaTemporadasCalendario}"
						label="#{tipo.anio.anio}" noSelectionLabel=""></s:selectItems>
					<s:convertEntity />
				</h:selectOneMenu>
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="95px;"></rich:spacer>
				<h:panelGrid columns="3">
					<h:commandButton id="aceptarCP"
						action="#{calendarAction.consultaPartidos(2)}" value=""
						styleClass="boton_modal aceptar">
						<rich:componentControl for="panelConsultarPartidos"
							attachTo="aceptarCP" operation="hide" event="onclick" />
					</h:commandButton>
					<rich:spacer width="15px;"></rich:spacer>
					<h:commandButton id="cancelarCP" value=""
						styleClass="boton_modal cancelar">
						<rich:componentControl for="panelConsultarPartidos"
							attachTo="cancelarCP" operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
				<rich:spacer height="15px;"></rich:spacer>
				<h:panelGrid columns="2">
					<rich:spacer width="225px;"></rich:spacer>
					<h:panelGrid columns="1">
						<h:commandButton id="CerrarCP" styleClass="boton_crr cerrar">
							<rich:componentControl for="panelConsultar" attachTo="CerrarCP"
								operation="hide" event="onclick" />
						</h:commandButton>
					</h:panelGrid>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

		<rich:modalPanel id="panelAyuda" minWidth="400" minHeight="200"
			autosized="false" resizeable="false">

			<rich:spacer height="5px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="160px;"></rich:spacer>
				<h:outputText value="Ayuda" styleClass="thTitulo" />
			</h:panelGrid>
			<rich:spacer height="10px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="25px;"></rich:spacer>
				<h:outputText
					value="Esta pantalla representa el menú principal de la aplicación.
					Desde aquí y haciendo click en cualquiera de los iconos podrá acceder
					a todas las opciones disponibles, desde la gestión de jugadores, pasando
					por la de los equipos hasta la rápida gestión de la competición."
					style="width:350px;" styleClass="thModalPanel" />
			</h:panelGrid>
			<rich:spacer height="25px;"></rich:spacer>
			<h:panelGrid columns="2">
				<rich:spacer width="325px;"></rich:spacer>
				<h:panelGrid columns="1">
					<h:commandButton id="Aceptar" styleClass="boton_crr cerrar">
						<rich:componentControl for="panelAyuda" attachTo="Aceptar"
							operation="hide" event="onclick" />
					</h:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</rich:modalPanel>

	</ui:define>
</ui:composition>